
<template>
  <div>
    <el-scrollbar wrap-class="scrollbar-wrapper">
      <el-menu background-color="#54677a"
        text-color="#fff" router :default-active="$route.path"
        active-text-color="#ffd04b">
        <menuTree :menuTree="menuTree"></menuTree>
      </el-menu>
    </el-scrollbar>
  </div>
</template>

<script>
import menuTree from './menuTree'
export default {
  name:"Menu",
  components: {
    menuTree
  },
  props: {
    menuTree: {
      type: Array,
      required: false
    }
  }
}
</script>

<style  scoped>
.el-scrollbar__wrap.default-scrollbar__wrap {
    overflow-x: auto;
  }
</style>
